<%@page contentType="text/html"%>
<%@page pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

<script>
	$(function() {
		$( "input:submit" ).button();		
		$( "#batalBtn" ).button();
		$( "#dob" ).datepicker({ dateFormat: 'dd/mm/yy' });
	});
</script>

<div id="main2">			           	            
        <div id="contentLogin">			
            <div class="post">
                <h2>Pendaftaran Online</h2>                                                                                                                   
                <div class="entry">
                	<p>
                		<b>Cara pendaftaran online:</b><br/>
                		1. Isi form pendaftaran secara lengkap<br/>
                		2. Transfer uang pendaftaran dengan menghubungi office HBC dan setelah itu kirimkan konfirmasi pembayaran melalui <u>email / telepon</u>.<br/>
                		3. Anda akan dihubungi bahwa pembayaran telah diterima melalui telepon / email.<br/>
                		4. ID Peserta dan Password untuk login di website HBC akan dikirimkan melalui email ke address email peserta yang tertera pada form pendaftaran.<br/>
                		5. Setelah mendapat ID Peserta dan Password, segera login di <a href="http://hbcindonesia.appspot.com" target="_blank">website</a> PT. HBC dan ubah Password anda.<br/>
                		6. Apabila dalam waktu 3 (tiga) hari anda belum mendapat email ID Peserta dan Password, segera hubungi Kantor Pusat PT. HBC melalui telepon.<br/>
                	</p>
                	
                	<p>
                		<b>Form Pendaftaran</b>
                	</p>
                	                
                	<s:actionerror cssStyle="color:#FF0000"/>                
                    <s:form action="onlineRegister">
						<table cellspacing="10">							
							<tr>
								<td width="228">Nama Peserta (sesuai KTP / Passpor):<s:text name="required"/></td>															
								<td><s:textfield name="member.name"/></td>
							</tr>
							<tr>
								<td>Alamat:<s:text name="required"/></td>															
								<td><s:textfield name="member.address" size="40"/></td>
							</tr>
							
							<tr>
								<td>Kota:<s:text name="required"/></td>															
								<td><s:textfield name="member.city" size="30"/></td>
							</tr>
							
							<tr>
								<td>Propinsi:<s:text name="required"/></td>															
								<td><s:textfield name="member.province" size="30"/></td>
							</tr>
							
							<tr>
								<td>Kode Pos:<s:text name="required"/></td>															
								<td><s:textfield name="member.postalCode" size="10"/></td>
							</tr>
							
							<tr>
								<td>Email:<s:text name="required"/></td>															
								<td><s:textfield name="member.email" size="30"/></td>
							</tr>
							
							<tr>
								<td>Tipe Id:<s:text name="required"/></td>															
								<td>
									<s:select
										name="member.idType"
										headerKey="" headerValue="--Pilih--"
										list="listIdentity"
										listKey="code"
										listValue="desc"/>															
								</td>
							</tr>
							
							<tr>
								<td>No Id:<s:text name="required"/></td>															
								<td><s:textfield name="member.idNo" size="30"/></td>
							</tr>
							
							<tr>
								<td>Tanggal Kelahiran:</td>															
								<td><s:textfield name="member.dob" size="15" id="dob" format="dd/MM/yyyy"/></td>
							</tr>
							
							<tr>
								<td>Jenis Kelamin:</td>															
								<td>
									<s:select
										name="member.gender"
										headerKey="" headerValue="--Pilih--"
										list="listGender"
										listKey="code"
										listValue="desc"/>															
								</td>
							</tr>
							
							<tr>
								<td>Telp:<s:text name="required"/></td>															
								<td><s:textfield name="member.mobile" size="20"/></td>
							</tr>
						</table>
						<hr/>	
						<table cellspacing="10">															
							<tr>
								<td width="228">Nama Sponsor (Upline):</td>															
								<td><s:textfield name="sponsorName"/></td>
							</tr>
							<tr>
								<td>ID Sponsor:</td>															
								<td><s:textfield name="sponsorId" size="30"/></td>
							</tr>
							<tr>
								<td>No Hp Sponsor:</td>															
								<td><s:textfield name="sponsorHp"/></td>
							</tr>
							<tr>
								<td colspan="2"><s:submit value="Kirim"/><a href="index.html" id="batalBtn">Batal</a></td>								
							</tr>
							
						</table>						                    				
                    </s:form>
                </div>
            </div>                				             
        </div><!-- content -->                    
        <div class="clearing">&nbsp;</div>   
 </div> 

